

		<link rel="stylesheet" type="text/css" href="slider.css">	
		<script language="javascript" type="text/javascript" src="template/slider/JS.js"></script>
		
	
		<div id = "slider" style="left:20px; position:absolute;width:40%;" onmouseover="fctDisplayBouton('block');" onmouseout="fctDisplayBouton('none');"> 
			<img src="template/slider/londres.jpg" alt="Maison à Londres" style="width:900px;height:500px;margin-left:200px;margin-top:45px" id="img3" z-index="010"/>
			<!--img src="template/slider/new_york.jpg" alt="Appartement à New-York" style="width:50%;height:30%;" id="img2" title="Louer un appartement à New-York"/-->
			<!--img src="template/slider/paris.jpg" alt="Appartement à Paris" style="width:50%;height:30%;" id="img1" title="Une nuit dans un château à Paris"/-->
		</div>
		<div id="divConteneurBouton"  style="position:absolute;width:975px;display:none; margin-left:200px; margin-top:50px" onmouseover="fctDisplayBouton('block');" onmouseout="fctDisplayBouton('none');">
			<div id="div_boutonprecedent" style="position:absolute;left:30px;">
				<input type="button" value="Précédent" onclick="ChangeImage('avant');" z-index="100" >
			</div>
			<div id="div_boutonsuivant" style="position:absolute;right:10%">
				<input type="button" value="Suivant" onclick="ChangeImage('apres');" z-index="100">
			</div>
		</div>

	<script language="javascript" type="text/javascript"> // En bas car sinon les éléments ne sont pas encore interprétés
		affiche();
	</script>